body{
    padding: 0;
    margin:0;
}

#admin_left_content{
    height:100%;
    width:180px;
    position:fixed;
    top:0px;
    left:0px;
    background-color:#404040;
    z-index:998;
    font-family: 'Arial';
}
#admin_footer{
    height:40px;
    width:100%;
    position:fixed;
    bottom:0px;
    left:0px;
    z-index:1000;
    background-color: #f0f0f0;
    line-height: 40px;
    color: #757575;
    font-size:12px;
    text-align: center;
    font-family: 'Arial';
}
/** Format left menu*/
.admin_left_menu{
    list-style: none;
    padding:0;
    margin:0;
    margin-top:61px;
}
.admin_left_menu li{
    line-height: 40px;
    background-color:#555;
    border-top: 1px solid #333;
    color: #FFF;
    font-size:12px;
    font-family: 'Arial';
    font-weight: normal;
    font-style: normal;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}
.admin_left_menu li a{
    color:inherit;
    padding-left:15px;
}
.admin_left_menu>li>a>.fa-caret-down{
    float: right;
    margin-right: 10px;
    margin-top: 15px;
}
.admin_left_menu li:hover{
    background-color: #4a8bc2;
    background-image: -moz-linear-gradient(top, #4a8bc2, #4a8bc2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4a8bc2), to(#4a8bc2));
    background-image: -webkit-linear-gradient(top, #4a8bc2, #4a8bc2);
    background-image: -o-linear-gradient(top, #4a8bc2, #4a8bc2);
    background-image: linear-gradient(to bottom, #4a8bc2, #4a8bc2);
    background-repeat: repeat-x;
    border-color: #4a8bc2;
}
.admin_left_menu li ul{
    list-style: none;
    margin:0;
    padding:0;
    display: none;
}
.admin_left_menu li ul li{
    border:none !important;
    background-color:#404040;
    padding-left:25px;
    background-image: none !important;
}
.admin_left_menu li ul li:hover{
    background-color:#666 !important;
}
/**------------------**/
#admin_content{
    min-height:600px;
    margin-left:180px;
    margin-top: 60px;
    text-align: left;
    padding:15px;
    margin-bottom:40px;
    background-color:#FFF;
}
.admin_header_title{
    line-height: 40px;
    font-size:24px;
    color:#CCC;
    background-color:#EEE;
    padding-left:20px;
    margin-bottom:10px;
}
.metro_message_error,.metro_message_susscess{
    line-height: 32px;
    font-size:14px;
    color:#FFF;
    padding-left:20px;
    margin-bottom:10px;
}
.metro_message_error a,.metro_message_susscess a{
    color:inherit;
}
.metro_message_error{
    background-color:#f64649;
}
.metro_message_susscess{
    background-color:#73b748;
}

.metro_item{
    display: block;
    float: left;
    margin: 5px;
    color: #FFF;
    position:relative;
    overflow: hidden;
}
.metro_item span{
    position:absolute;
    bottom:10px;
    left:10px;
    font-size:12px;
}
.metro_item i{
    position:absolute;
    left:30%;
    top :20%;
    margin-left: -20px;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}
.metro_item:hover{
    opacity: 0.8;
}
.metro_item:hover i{
    font-size:196px;
    transform: rotate(83deg);
    -moz-transform: rotate(83deg);
    -webkit-transform: rotate(83deg);
    -o-transform: rotate(83deg);

}
.size_large{
    width:210px;
    height:210px;
    font-size:128px;
}
.size_wide{
    width:210px;
    height:100px;
    font-size:48px;
}
.size_wide span{
    left:auto !important;
    right:10px !important;
}
.size_medium{
    width:100px;
    height:100px;
    font-size:48px;
}

/** FORMAT */
.metro_page_number ul{
    list-style: none;
    padding: 0;
    margin: 0;
    float: right;
    margin-bottom: 10px;
    box-shadow: 0 0 3px #FEFEFE;
}
.metro_page_number ul li{
    line-height:30px;
    float: left;
    color:#4a8bc2;
    border:1px solid #DDD;
    border-right: none;
    padding-left:14px;
    padding-right:14px;
    font-size:13px;
    cursor: pointer;
}
.metro_page_number ul li:last-child{
    border-right:1px solid #DDD;
}
.metro_page_number ul li:hover{
    background-color:#EEE;
}
.metro_page_number ul li a{
    color: inherit;
}
.page_active{
    background-color:#EEE;
}
.page_disable{
    color:#AAA !important;
    background-color:#FFF !important;
}
.page_disable a{
    border: none !important;
}